今天我們來介紹 Underscore 一個方便的功能 , range ,

來個簡單的 sample 如下 :

.range(10);
=> [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
_.range(1, 11);
=> [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
_.range(0, 30, 5);
=> [0, 5, 10, 15, 20, 25]

從上面的例子可以很清楚的看到 , 有三個參數 , 分別是 :

1. 起始值

2. 結束值

3. Step 值

我們可能會遇到一些狀況 , 例如下拉清單需要產生 1 ~ 31 日 ,

或者 產生 5 的倍數清單等應用 ,

我們來做個簡單的 Sample 吧 , 產生 5 ~ 100 間 5 的倍數清單 ,

$(document).ready(function(){
  
  var options = [];
  
  var optStr = _.range(5,105,5);
  
  var step = 0;
  
  $.each(optStr,function(index,num){
    
    options[step++] = '<option value='+num+'>' + num + '</option>';
    
  });
  
  $("#sel").html(options);
  
  
});

程式範例